<template>
  <div class="posttable">
    <el-row style="margin-bottom: 10px;">
      <el-col :span="24" style="padding-right: 30px;padding-left: 40px;margin-top: 10px;">
        <el-row>
          <el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">推送客户</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.customerName}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">需求编号</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.requireNum}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title" v-if="!show">推送职位</p>
                  <p class="title" v-if="show">需求名称</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.postName}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">职位级别</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.postLevel}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">所属区域</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.area}}</p>
                </el-col>
              </el-row>
            </el-col>
          </el-col>
          <el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">性别</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.sex}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">姓名</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.name}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">出生年月</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.birthday}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">学历</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.education}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">毕业院校</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.college}}</p>
                </el-col>
              </el-row>
            </el-col>
          </el-col>
          <el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">专业</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.speciality}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">毕业时间</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.graduationTime}}</p>
                </el-col>
              </el-row>
            </el-col>

            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">联系方式</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.phone}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">联系邮箱</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.mail}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">离职状态</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.status}}</p>
                </el-col>
              </el-row>
            </el-col>
          </el-col>
          <el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">到岗时间</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.entryTime}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">当前薪资</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.currentSalary}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title" v-if="!show">期望薪资</p>
                  <p class="title" v-if="show">rate cate</p>
                </el-col>
                <el-col>
                  <p class="text" v-if="!show">{{info.expectSalary}}k*{{info.expectSalaryNum}}</p>
                  <p class="text" v-if="show">{{info.ratecode}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">最低薪资</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.miniSalary}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">方便面试时间</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.interviewTime}}</p>
                </el-col>
              </el-row>
            </el-col>
          </el-col>
          <el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">工作年限</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.workSeniority}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">简历来源</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.origin}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">学历可查询网站</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.studentStatus}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title">资质证书</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.certificate}}</p>
                </el-col>
              </el-row>
            </el-col>
            <el-col style="width:20%;" class="bot">
              <el-row>
                <el-col>
                  <p class="title" v-if="!show">备注</p>
                  <p class="title" v-if="show">语言能力</p>
                </el-col>
                <el-col>
                  <p class="text">{{info.remark}}</p>
                </el-col>
              </el-row>
            </el-col>
          </el-col>
          <el-col class="bot">
            <el-row>
              <el-col>
                <p class="title">项目经验</p>
              </el-col>
              <el-col>
                <p class="text">{{info.experience}}</p>
              </el-col>
            </el-row>
          </el-col>
          <el-col class="bot">
            <el-row>
              <el-col>
                <p class="title">初步评价</p>
              </el-col>
              <el-col>
                <p class="text">{{info.initialEvaluation}}</p>
              </el-col>
            </el-row>
          </el-col>
        </el-row>
      </el-col>
    </el-row>
  </div>
</template>
<script>
import axios from "axios";
import qs from "qs";
import moment from "moment";

export default {
  name: "uploaddetail",
  props: {
    detailCode: {
      type: Object
    }
  },
  data() {
    return {
      id: null,
      info: [],
      show: true
    };
  },
  created() {
    this.id = this.detailCode.id;

    this.getdetail();
  },
  filters: {
    formatDate: function(value) {
      return moment(value).format("YYYY-MM");
    }
  },
  methods: {
    getdetail() {
      axios
        .post(
          this.url + "/resumeUpload/getDetailById",
          qs.stringify({
            id: this.id
          })
        )
        .then(res => {
          this.unlogin(res.data.code);
          if (res.data.code == 200) {
            this.info = res.data.data;
            if (this.info.customerName == "港交所") {
              this.show = true;
            } else {
              this.show = false;
            }
          }
        });
    }
  }
};
</script>
<style scoped>
.title {
  color: #757575;
  margin-bottom: 10px;
  font-size: 14px;
}

.text {
  color: #333333;
  font-weight: 700;
  font-size: 14px;
  word-break: break-all;
  white-space: pre-line;
}

.bot {
  margin-bottom: 30px;
}

.Line {
  border: 0.5px solid #e8e8e8;
  margin-bottom: 30px;
}

@media screen and (min-width: 1200px) and (max-width: 1900px) {
  .word {
    word-break: break-all;
    width: 200px;
  }
}
</style>
